﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<title>HTML5大文件分片上传示例</title>
    <link href="css/bigfileUp.css" rel="stylesheet" />
    <script src="Scripts/jquery-3.2.1.js"></script>
    <script src="Scripts/bigfileupload-1.0.js"></script>
    <script src="Scripts/spark-md5.js"></script>
	<script>
	var page = {
		init: function(){
            $("#upload").click($.proxy(this.upload, this));
            fileTypeExts("file_Input_0");
       },
        upload: function () {
            changebutton();
             fileUpload();
        }
	};

    $(function(){
		page.init();
    });
  	</script>
</head>
<body >


   <div id="mybigfileupload" class="bigfilecontrol">请选择要上传的文件<br/>
     <div id="add_place" style="width:260px">
         <input id="file_Input_0" type="file"  class="file_input" onclick="" onchange ="addFile(this);" multiple="multiple"/>  <!--*webkitdirectory支持的浏览器内核为webkit/--> 

     </div>         
	    <button id="upload" class="upload_button" >开始上传</button><div class="outputspan"><span id="output" >&nbsp;等待</span></div>	
        <br />
        <div id="select_file_list" class="select-files-scroll"></div>
       <div class="all_progress">
           <span style="font-size:12px">总进度：</span>
           <div id="box"><div id="bar"> </div></div> 
           <div class="all_progress_info">
           <span id="output_percent" style="font-size:12px">0</span>%，已上传
                     <span id="output_size" style="font-size:12px"></span>，总文件大小
                     <span id="output_All_size" style="font-size:12px"></span> 。</div></div>
        <br />
         消息：&nbsp<span id="up_speed" ></span>&nbsp<span id="up_time_last" ></span>
        <div id="TextArea_file_list0" class="TextArea_file_list" ></div>
       </div>
    <p>
        上传文件仅供测试！</p>
</body>
</html>
